[Enter]キー押下で編集開始

wijgrid ウィジェットでは、セルの編集をカスタマイズできます。［Enter］キーの押下によってセルの編集を開始できます。

次のサンプルスクリプトでは、selectionMode を「singleCell（単一セル）」に、editingMode&を「cell（セル）」に設定し、ユーザーが［Enter］キーを押下するとセルレコードを編集できるようにします。

ライブウィジェット
スクリプト

スクリプト	コードのコピー
<script type="text/javascript"> $(document).ready(function () { $('#wijgrid').wijgrid({ data: [ { User_ID: '001', Name: 'John', Country: 'US' }, { User_ID: '002', Name: 'Tom', Country: 'Japan' }, { User_ID: '003', Name: 'Henry', Country: 'China' } ], selectionMode: 'singleCell', editingMode: 'cell' }); // Start Editing after clicking enter key $('#wijgrid').closest('.wijmo-wijgrid').keydown(function (e) { if (e.which == '13') { $('#wijgrid').wijgrid('beginEdit'); } }); }); </script>

スクリプト

コードのコピー

<script type="text/javascript">
    $(document).ready(function () {
        $('#wijgrid').wijgrid({
            data: [
                { User_ID: '001', Name: 'John', Country: 'US' },
                { User_ID: '002', Name: 'Tom', Country: 'Japan' },
                { User_ID: '003', Name: 'Henry', Country: 'China' }
            ],
            selectionMode: 'singleCell',
            editingMode: 'cell'
        });

        // Start Editing after clicking enter key
        $('#wijgrid').closest('.wijmo-wijgrid').keydown(function (e) {
            if (e.which == '13') {
                $('#wijgrid').wijgrid('beginEdit');
            }
        });
    });
</script>